.screen-table {

  .el-table {
    background-color: var(--table-bg);
    color: var(--text-color);

    tr {
      background-color: var(--table-bg2);
    }

    th {
      &.el-table__cell {
        background-color: inherit;
      }
    }
  }

  .el-table td.el-table__cell,
  .el-table th.el-table__cell.is-leaf,
  .el-table--border, .el-table--group{
    border-color: var(--table-bd);
  }
  .el-table--border::after, .el-table--group::after, .el-table::before {
    background-color: var(--table-bd);
  }
  .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
    background-color: var(--table-bg);
  }
  .el-table th.el-table__cell.is-leaf {
    background-color: var(--table-bg);
  }
  .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
    background-color: var(--table-bg-hover);
  }

  .el-loading-mask {
    background-color: rgba(0, 0, 0, .8);
  }
}
